<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Skills配布｜AI顧問</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Space+Grotesk:wght@500;600;700&display=swap" rel="stylesheet">
<style>
:root{--base:#FAF9F6;--ink:#1F1D1B;--sub:#6B675F;--line:#E8E4DC;--card:#FFF;
--setup:#C96442;--content:#1F6F5C;--ops:#4A5A9E;
--font:'Zen Kaku Gothic New',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
--num:'Space Grotesk','Zen Kaku Gothic New',sans-serif;}
*{box-sizing:border-box}
body{margin:0;background:var(--base);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.85}
a{color:inherit;text-decoration:none}
.wrap{max-width:1000px;margin:0 auto;padding:0 22px}
.hero{padding:70px 0 44px;border-bottom:1px solid var(--line)}
.eyebrow{font:600 13px/1 var(--num);letter-spacing:.16em;text-transform:uppercase;color:var(--setup);margin:0 0 14px}
h1{font-size:42px;font-weight:900;line-height:1.28;margin:0 0 16px}
.hero p{color:var(--sub);max-width:620px;margin:0}
.sec{padding:52px 0 0}
.sec h2{font-size:24px;font-weight:900;margin:0 0 6px;display:flex;align-items:center;gap:12px}
.sec h2 .bar{width:5px;height:24px;border-radius:3px}
.sec .ld{color:var(--sub);font-size:15px;margin:0 0 20px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.it{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px 22px;transition:.15s;display:block}
.it:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.06)}
.it .n{font:700 11.5px/1 var(--num);letter-spacing:.1em;margin-bottom:9px}
.it h3{font-size:17px;font-weight:700;margin:0 0 6px}
.it p{font-size:14px;color:var(--sub);margin:0}
.ft{margin-top:60px;border-top:1px solid var(--line);padding:26px 0;text-align:center;color:var(--sub);font-size:13px}
@media(max-width:760px){.grid{grid-template-columns:1fr}h1{font-size:30px}}
</style>
</head>
<body>
<section class="hero"><div class="wrap">
<p class="eyebrow">AI KOMON — Skills</p>
<h1>Skills配布</h1>
<p>上から順に導入していけば、AIに仕事を任せる環境が整います。各ページにダウンロードと使い方をまとめています。</p>
</div></section>

<section class="sec"><div class="wrap">
<h2><span class="bar" style="background:var(--setup)"></span>初期構築 Skills</h2>
<p class="ld">最初に入れる4つ。ここが土台になります。</p>
<div class="grid">
<a class="it" href="/setup-01-folder"><div class="n" style="color:var(--setup)">SETUP 01</div><h3>フォルダ構築スキル</h3><p>散らかったファイルを、AIが働ける形に整える</p></a>
<a class="it" href="/setup-02-skillcreator"><div class="n" style="color:var(--setup)">SETUP 02</div><h3>Skillsを作るスキル</h3><p>あなたの作業手順を、スキルに変える</p></a>
<a class="it" href="/setup-03-knowledge"><div class="n" style="color:var(--setup)">SETUP 03</div><h3>ナレッジ構築スキル</h3><p>質問に答えるだけで、AIがあなたを理解する</p></a>
<a class="it" href="/setup-04-apiguard"><div class="n" style="color:var(--setup)">SETUP 04</div><h3>機密情報保護スキル</h3><p>チャットに貼らずに、鍵を渡す</p></a>
</div>
</div></section>

<section class="sec"><div class="wrap">
<h2><span class="bar" style="background:var(--content)"></span>コンテンツ作成 Skills</h2>
<p class="ld">台本・スライド・LP・ブログ・メルマガ・note・動画まで。</p>
<div class="grid">
<a class="it" href="/content-01-script"><div class="n" style="color:var(--content)">CONTENT 01</div><h3>台本作成スキル</h3><p>テーマを渡すだけで、話す順番が決まる</p></a>
<a class="it" href="/content-02-slide"><div class="n" style="color:var(--content)">CONTENT 02</div><h3>スライド作成スキル</h3><p>デザインが揃ったスライドを、100種の世界観から</p></a>
<a class="it" href="/content-03-seminar"><div class="n" style="color:var(--content)">CONTENT 03</div><h3>セミナー作成スキル</h3><p>台本とスライドを、一気通貫で</p></a>
<a class="it" href="/content-04-lp"><div class="n" style="color:var(--content)">CONTENT 04</div><h3>LP作成スキル</h3><p>申込みが入るスマホLPを、デザイン100種から</p></a>
<a class="it" href="/content-05-blog"><div class="n" style="color:var(--content)">CONTENT 05</div><h3>ブログ半自動化構築スキル</h3><p>あなたの文体で、WordPressに下書きが届く</p></a>
<a class="it" href="/content-06-mailmag"><div class="n" style="color:var(--content)">CONTENT 06</div><h3>メルマガ作成スキル</h3><p>AI臭さを消した、読まれるメルマガを</p></a>
<a class="it" href="/content-07-note"><div class="n" style="color:var(--content)">CONTENT 07</div><h3>note半自動化構築スキル</h3><p>書いたものを、noteの下書きまで運ぶ</p></a>
<a class="it" href="/content-08-movie"><div class="n" style="color:var(--content)">CONTENT 08</div><h3>動画編集（一人語り）スキル</h3><p>動画を投げて、/supermovie と打つだけ</p></a>
</div>
</div></section>

<section class="sec"><div class="wrap">
<h2><span class="bar" style="background:var(--ops)"></span>雑務 Skills</h2>
<p class="ld">作業まわりを、チャットから動かす。</p>
<div class="grid">
<a class="it" href="/ops-01-utage"><div class="n" style="color:var(--ops)">OPS 01</div><h3>UTAGE接続スキル</h3><p>UTAGEを、チャットから動かす</p></a>
<a class="it" href="/ops-02-sheets"><div class="n" style="color:var(--ops)">OPS 02</div><h3>スプシ連携スキル</h3><p>スプレッドシートに、話しかけて書き込む</p></a>
<a class="it" href="/ops-03-discord"><div class="n" style="color:var(--ops)">OPS 03</div><h3>Discord接続スキル</h3><p>AIが作ったものが、スマホに届く</p></a>
</div>
</div></section>

<footer class="ft"><div class="wrap">AI顧問 — Skills配布</div></footer>
</body>
</html>
